<template>

        <div class="energyContent_area_item" v-for="branchItem in props.data">
            <div class="pathW firstLineSection_line">
                <div ref="firstLineSectionEnergy" class="energH firstLineSection_line_energy"
                    :class="{ 'runing': branchItem.state === 1 }"></div>
            </div>
            <div class="corps_area">
                {{ branchItem.name }}
            </div>

            <!-- 子段能流 -->
            <item :data="branchItem.children"> </item>
        </div>
</template>
<style lang="scss" src="./index.scss"></style>
<script setup>
import item from "./item.vue";
import { ref, reactive, toRefs, watchEffect, computed, watch, onUpdated, onBeforeUpdate, onBeforeMount, onMounted } from "vue";
const props = defineProps({
    data: {
        type: Array,
        default: function () {
            return []
        }
    }
});
// const emit = defineEmits(["change"]);
// emit('change');


const data = reactive({
    formData: {

    }
});
onMounted(() => {

});
const onSubmit = () => {
    data.a = 222;
};


//watch(() => props.value, (newValue, oldValue) => {
//
//}, { deep: true, immediate: true });

watchEffect(() => {
    const a = data.a;
});
</script>
<style lang="less" scoped></style>